<template>
  <div class="list">
  <AppVideoItem v-for="item in list" :key="item.id" :video="item" />
  </div>
  </template>
  <script setup lang="ts">
  import { ref } from 'vue'
  import { videoListItem,getVideoList } from '@/service/api';
  import AppVideoItem from '@/components/videoItem/index.vue'

  const list = ref<videoListItem[]>([])

  getVideoList().then(res=>{
    list.value = res.result
  })
  </script>
  <style lang="less">
  .list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 1vw;
  }
  </style>